This week we learned about the different layout types available to us in CSS. This includes static position, relative position, absolute position and float.
• Static positioning is the default position for all elements. This means the element is not positioned and occurs where it normally would inside your document. You only have to use this positioning if you have to override a previously set position.
• Relative positioning allows you to move elements around using top, bottom, left or right (along with a pixel amount) relative to where they would normally appear in the document.
• In absolute positioning, the element is removed from the document and you choose exactly where it is placed.
• You can float an element to push it as far as possible to either the left or right, and allow text to wrap around it. This is normally used for images. After floating elements, you can "clear" the floats to push down the rest of your content.